<template>
    <div id="app">
        <div id="nav"></div>
        <!--<router-view/>-->
        <keep-alive>
            <router-view v-if="$route.meta.keepAlive"></router-view>
        </keep-alive>
        <router-view v-if="!$route.meta.keepAlive"></router-view>
        <globaLoading></globaLoading>
    </div>
</template>
<script>
    import globaLoading from 'common/global-loading';

    import {sysMixin} from '@/common/mixin';

    export default {
        components: {globaLoading},
        mixins: [sysMixin],
        data() {
            return {};
        },
        mounted() {
            window.onFlutterCall = this.onFlutterCall;
        },
        methods: {
            // changeTheme(systemId) {
            //     console.log(systemId, '测试');
            //     if (typeof systemId !== 'string') {
            //         systemId = systemId.toString();
            //     }
            //     var themeMap = {
            //         //爱润妍
            //         10: {
            //             main: '#bf2071',
            //             sec: '#28163D',
            //             third: '#5A124A',
            //             tabIcon: '#fff'
            //         },
            //         //倩妆
            //         20: {
            //             main: '#b62b2e',
            //             sec: '#fff',
            //             third: '#b62b2e',
            //             tabIcon: '#666'
            //         },
            //         //母婴
            //         30: {
            //             main: '#66843F',
            //             sec: '#fff',
            //             third: '#66843F',
            //             tabIcon: '#666'
            //         },
            //         //聚合
            //         99: {
            //             main: '#bf2071',
            //             sec: '#28163D',
            //             third: '#5A124A',
            //             tabIcon: '#fff'
            //         }
            //     };
            //
            //     // 读取数据
            //     // const rootStyles = getComputedStyle(document.documentElement);
            //     // const varValue = rootStyles.getPropertyValue('--MAIN-COLOR').trim();
            //
            //     // 根据系统号切换主题色
            //
            //     let themeId = systemId.toString().charAt(0) + systemId.toString().charAt(1);
            //     document.documentElement.style.setProperty('--MAIN-COLOR', themeMap[themeId || 10].main);
            //     document.documentElement.style.setProperty('--SEC-COLOR', themeMap[themeId || 10].sec);
            //     document.documentElement.style.setProperty('--THR-COLOR', themeMap[themeId || 10].third);
            //     document.documentElement.style.setProperty('--TAB-ICON-COLOR', themeMap[themeId || 10].tabIcon);
            // }
            onFlutterCall(jsonMsg,V2,V3) {
                // console.log("onFlutterCall-------jsonMsg instanceof Object---" + jsonMsg instanceof Object);
                // console.log("onFlutterCall--------jsonMsg--" + jsonMsg );
                // console.log("onFlutterCall--------jsonMsg--" + jsonMsg.toString() );
                // console.log("onFlutterCall----------JSON.parse(jsonMsg).token---" + JSON.parse(jsonMsg).token);
                // console.log("onFlutterCall----------jsonMsg.token---" + jsonMsg.token);
                console.log("onFlutterCall----------jsonMsg---" + jsonMsg);
                console.log("onFlutterCall----------V2---" + V2);
                console.log("onFlutterCall----------V3---" + V3);

            }
        },
        watch: {
            // // 再搞一次主色
            // system(val) {
            //     let system = JSON.stringify(val);
            //     if (system !== '') {
            //         this.changeTheme(this.system);
            //     }
            // }
            // window.changeTheme(this.system); // 切换样式方法
        },
    };
</script>
<style lang="stylus"></style>
